<template>
    <div class="Recommend">
        
        <recommend-item v-for="( item , i ) in recommends" :recommend="item" :key="i" class="recommend-item"/>
    </div>
</template>

<script>
    import RecommendItem from "../../common/Recommend/Recommenditem"

    export default {
        name: "Recommend",
        props:{
            recommends:{
                type: Array ,
                default() {
                    return []
                }
            }
            
        },
        components:{
            RecommendItem
        }
    }
</script>

<style>
    .Recommend {
        display: flex;
        text-align: center;
        border-bottom: 8px solid #eee;
    }
</style>